<template>
  <div>
    <van-area title="选择城市" cancel-button-text="<" :area-list="areaList" :columns-num="2" @confirm="area" @cancel="cancel" />
  </div>
</template>

<script>
import { areaList } from '@vant/area-data';

export default {
  data() {
    return { areaList, selectedArea: '' };

  },
  mounted() {
  },
  methods: {
    cancel() {
      // this.$router.push('/order')
    },
    area(arr) {
      console.log(arr);
      this.$store.state.selectedArea = arr[1].name
      // this.cancel()
    }
  }
};
</script>

<style lang="scss" scoped>
</style>